<template>
  <el-container class="login-background">
      <el-main class = "login-page">
        <el-card class="overlay">
          <el-card class="web-name">
            <span>YI-MUSEUN</span>
          </el-card>
          <el-card class="login-body">
            <el-card class="login-text">
              <span>欢迎来到彝族博物馆</span>
              <h1>感受彝族风情吧</h1>
            </el-card>
            <div class="login-form">
              <div class="form-tab">
                <ul class="tab-menu">
                  <li><router-link class="li-router-link" to="/login">登录</router-link></li>
                  <li><router-link class="li-router-link" to="/register">注册</router-link></li>
                </ul>
                <div class="tab-body"><router-view/></div>
              </div>
            </div>
          </el-card>
          <div></div>
        </el-card>
      </el-main>
  </el-container>
</template>

<script>

export default {
  name: 'LoginOrRegister'
}
</script>

<style lang="less">
@import "LoginOrRegister";
</style>
